import Vue from 'vue'
import VueRouter from 'vue-router'
import crosswise from '../views/crosswise.vue'
import vertical from '../views/vertical.vue'
import pie from '../views/pie.vue'
import huan from '../views/huan.vue'
import map from '../views/map.vue'
import broken from '../views/broken.vue'
import screen from '../views/screen.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    component: screen
  },
  {
    path: '/crosswise',
    component: crosswise
  },{
    path:"/vertical",
    component:vertical
  },{
    path:"/pie",
    component:pie
  },{
    path:"/huan",
    component:huan
  },{
    path:"/map",
    component:map
  },{
    path:"/broken",
    component:broken
  }
]

const router = new VueRouter({
  routes
})

export default router
